<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>光掩膜制造厂房BIM样板项目 - 省级大赛汇报</title>
    
    <!-- Bootstrap CSS -->
    <link href="https://cdn.bootcdn.net/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
    <!-- Custom CSS -->
    <link href="css/style.css" rel="stylesheet">
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top">
        <div class="container">
            <a class="navbar-brand fw-bold" href="#">
                <i class="fas fa-building me-2"></i>
                光掩膜厂房BIM项目
            </a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item"><a class="nav-link" href="#home">首页</a></li>
                    <li class="nav-item"><a class="nav-link" href="#ppt">汇报PPT</a></li>
                    <li class="nav-item"><a class="nav-link" href="#images">BIM效果图</a></li>
                    <li class="nav-item"><a class="nav-link" href="#video">演示视频</a></li>
                    <li class="nav-item"><a class="nav-link" href="#download">下载中心</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- 首页英雄区 -->
    <section id="home" class="hero-section">
        <div class="container">
            <div class="row align-items-center min-vh-100">
                <div class="col-lg-6">
                    <h1 class="display-4 fw-bold text-white mb-4">
                        光掩膜制造厂房<br>
                        <span class="text-warning">BIM样板项目</span>
                    </h1>
                    <p class="lead text-light mb-4">
                        省级BIM大赛样板工程，展示光掩膜制造厂房从设计到施工的全生命周期BIM应用，
                        突出BIM技术在洁净厂房建设中的创新价值与优势。
                    </p>
                    <div class="d-flex gap-3">
                        <a href="#ppt" class="btn btn-warning btn-lg">
                            <i class="fas fa-play me-2"></i>查看汇报
                        </a>
                        <a href="#download" class="btn btn-outline-light btn-lg">
                            <i class="fas fa-download me-2"></i>一键打包
                        </a>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="hero-image">
                        <img src="assets/images/hero-bim.jpg" alt="光掩膜厂房BIM模型" class="img-fluid rounded shadow-lg">
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 项目亮点 -->
    <section class="py-5 bg-light">
        <div class="container">
            <div class="row text-center">
                <div class="col-lg-3 col-md-6 mb-4">
                    <div class="card h-100 border-0 shadow">
                        <div class="card-body">
                            <i class="fas fa-cube fa-3x text-primary mb-3"></i>
                            <h5>三维可视化</h5>
                            <p class="text-muted">全专业BIM模型集成，实现设计施工一体化</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 mb-4">
                    <div class="card h-100 border-0 shadow">
                        <div class="card-body">
                            <i class="fas fa-cogs fa-3x text-success mb-3"></i>
                            <h5>工艺优化</h5>
                            <p class="text-muted">洁净度等级Class 1-1000，满足光掩膜制造要求</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 mb-4">
                    <div class="card h-100 border-0 shadow">
                        <div class="card-body">
                            <i class="fas fa-chart-line fa-3x text-warning mb-3"></i>
                            <h5>价值创新</h5>
                            <p class="text-muted">减少设计变更90%，缩短工期30%</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 mb-4">
                    <div class="card h-100 border-0 shadow">
                        <div class="card-body">
                            <i class="fas fa-leaf fa-3x text-info mb-3"></i>
                            <h5>绿色建造</h5>
                            <p class="text-muted">节能降耗，实现可持续建造目标</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 汇报PPT -->
    <section id="ppt" class="py-5">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 mx-auto text-center mb-5">
                    <h2 class="display-5 fw-bold">省级BIM大赛汇报PPT</h2>
                    <p class="lead text-muted">光掩膜制造厂房BIM应用成果展示</p>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="card shadow">
                        <div class="card-header bg-primary text-white">
                            <h5 class="mb-0">
                                <i class="fas fa-file-powerpoint me-2"></i>
                                汇报PPT在线预览
                            </h5>
                        </div>
                        <div class="card-body">
                            <div class="ratio ratio-16x9">
                                <iframe src="assets/ppt/bim-presentation.html" allowfullscreen></iframe>
                            </div>
                        </div>
                        <div class="card-footer">
                            <a href="assets/ppt/光掩膜厂房BIM汇报.pdf" class="btn btn-primary" download>
                                <i class="fas fa-download me-2"></i>下载完整PPT
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- BIM效果图 -->
    <section id="images" class="py-5 bg-light">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 mx-auto text-center mb-5">
                    <h2 class="display-5 fw-bold">BIM效果图展示</h2>
                    <p class="lead text-muted">光掩膜制造厂房核心区域三维可视化</p>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="card shadow">
                        <img src="assets/images/cleanroom-overview.jpg" class="card-img-top" alt="洁净区整体布局">
                        <div class="card-body">
                            <h5 class="card-title">洁净区整体布局</h5>
                            <p class="card-text">Class 1-1000洁净度等级分区，满足光掩膜制造工艺要求</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="card shadow">
                        <img src="assets/images/equipment-zone.jpg" class="card-img-top" alt="设备区管线综合">
                        <div class="card-body">
                            <h5 class="card-title">设备区管线综合</h5>
                            <p class="card-text">BIM技术优化管线排布，避免碰撞，提高空间利用率</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="card shadow">
                        <img src="assets/images/hvac-system.jpg" class="card-img-top" alt="HVAC系统">
                        <div class="card-body">
                            <h5 class="card-title">HVAC系统</h5>
                            <p class="card-text">洁净空调系统BIM深化设计，确保温湿度精确控制</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 mb-4">
                    <div class="card shadow">
                        <img src="assets/images/structural-detail.jpg" class="card-img-top" alt="结构细节">
                        <div class="card-body">
                            <h5 class="card-title">结构细节优化</h5>
                            <p class="card-text">基于BIM的结构优化设计，减少材料用量15%</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 mb-4">
                    <div class="card shadow">
                        <img src="assets/images/construction-simulation.jpg" class="card-img-top" alt="施工模拟">
                        <div class="card-body">
                            <h5 class="card-title">施工模拟</h5>
                            <p class="card-text">4D施工进度模拟，提前识别风险，优化施工方案</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 演示视频 -->
    <section id="video" class="py-5">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 mx-auto text-center mb-5">
                    <h2 class="display-5 fw-bold">BIM深化设计演示</h2>
                    <p class="lead text-muted">从概念设计到施工落地的完整BIM应用流程</p>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-10 mx-auto">
                    <div class="card shadow">
                        <div class="card-header bg-success text-white">
                            <h5 class="mb-0">
                                <i class="fas fa-video me-2"></i>
                                BIM深化设计及应用过程演示
                            </h5>
                        </div>
                        <div class="card-body p-0">
                            <div class="ratio ratio-16x9">
                                <video controls poster="assets/images/video-poster.jpg">
                                    <source src="assets/videos/bim-deep-design.mp4" type="video/mp4">
                                    您的浏览器不支持视频播放。
                                </video>
                            </div>
                        </div>
                        <div class="card-footer">
                            <div class="row text-center">
                                <div class="col-md-3">
                                    <h6 class="text-muted">视频时长</h6>
                                    <p class="fw-bold">2分45秒</p>
                                </div>
                                <div class="col-md-3">
                                    <h6 class="text-muted">分辨率</h6>
                                    <p class="fw-bold">1920×1080</p>
                                </div>
                                <div class="col-md-3">
                                    <h6 class="text-muted">文件大小</h6>
                                    <p class="fw-bold">156MB</p>
                                </div>
                                <div class="col-md-3">
                                    <a href="assets/videos/bim-deep-design.mp4" class="btn btn-success" download>
                                        <i class="fas fa-download me-2"></i>下载视频
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 下载中心 -->
    <section id="download" class="py-5 bg-dark text-white">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 mx-auto text-center mb-5">
                    <h2 class="display-5 fw-bold">下载中心</h2>
                    <p class="lead text-light">一键打包下载所有参赛材料</p>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-8 mx-auto">
                    <div class="card bg-secondary text-white">
                        <div class="card-body p-5 text-center">
                            <i class="fas fa-archive fa-4x mb-4 text-warning"></i>
                            <h4 class="mb-3">省级BIM大赛完整材料包</h4>
                            <p class="mb-4">
                                包含：汇报PPT、BIM效果图、演示视频、技术文档、模型文件等
                            </p>
                            <div class="row mb-4">
                                <div class="col-md-4">
                                    <h6>文件总数</h6>
                                    <p class="h4 text-warning">25个</p>
                                </div>
                                <div class="col-md-4">
                                    <h6>总大小</h6>
                                    <p class="h4 text-warning">1.2GB</p>
                                </div>
                                <div class="col-md-4">
                                    <h6>格式</h6>
                                    <p class="h4 text-warning">ZIP</p>
                                </div>
                            </div>
                            <a href="assets/光掩膜厂房BIM大赛材料包.zip" class="btn btn-warning btn-lg" download>
                                <i class="fas fa-download me-2"></i>
                                一键下载完整包
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer class="bg-primary text-white py-4">
        <div class="container text-center">
            <p class="mb-0">
                &copy; 2024 光掩膜制造厂房BIM样板项目 | 省级BIM大赛参赛项目
            </p>
        </div>
    </footer>

    <!-- Bootstrap JS -->
    <script src="https://cdn.bootcdn.net/ajax/libs/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
    <!-- Custom JS -->
    <script src="js/main.js"></script>
</body>
</html>